<template>
<div class="main-wrap">
    <div v-for="(item,index) in express" :key="index">
        <div class="userMsg">
            <van-icon name="location-o" color="#FF4C50"/>
            <span> 收货人：{{item.data.accept_name}}</span>
            <span class="mobile">{{item.data.mobile}}</span>
            <p>收货地址：{{item.data.address_info}}</p>
        </div>
        <p class="expressName">快递名称：{{item.data.express_no}}</p>
        <ul v-if="item.ship_list" class="shipList">
            <li v-for="(item1,index1) in item.ship_list" :key="index1">
                {{item1.status}}&nbsp;&nbsp;{{item1.time}}
            </li>
        </ul>
        <div v-else class="shipNone">
            暂无物流信息.....
        </div>
    </div>
</div>
</template>
<script>
    import request from '@/actions/request.js'
    import localStroage from '@/actions/localStorage.js'
    import goodsList from '@/components/home/goodsList'
    export default {
        name: "allGoods",
        components: {
        },
        data() {
            return {
                order_sn:'',
                express:{},
                order_shipping_id:''
            }
        },
        onShow(){
            this.order_sn='';
            this.express={};
            this.order_shipping_id='';
        },
        onLoad(options) {
            console.log(options)
           this.order_sn=options.order_sn;
           this.order_shipping_id=options.order_shipping_id
           request.lookUpExpress('api/user/getShipInfo','post',{order_shipping_id:this.order_shipping_id,refund_no:this.order_sn},{},false,this)
        },
        onPageScroll(event) {
            this.scrollTop=event.scrollTop
        },
        onReachBottom() {
            if(this.page<this.allPage){
                this.page++;
                request.allGoods('api/shop/allGoods','post',{type:this.type,page:this.page},{},true,this);
            }else{

            }
        },
        methods:{

        },
        mounted() {

        },
    }
</script>

<style scoped lang="scss">
    .userMsg{
        padding: 4vw 13px;
        font-size: 15px;
        color: #333333;
        line-height: 2em;
        .mobile{
            font-size: 12px;
            color:#666666;
            float:right;
        }
    }
    .expressName{
        background: #FF4C50;
        color: #ffffff;
        height: 45px;
        line-height: 45px;
        border-radius: 5px;
        font-size: 15px;
        width: 92vw;
        margin: 0 auto;
        padding: 0 5px;
    }
    .shipList{
        padding: 0 4vw;
        li{
            color: #333333;
            font-size: 13px;
            margin: 0 20px;
        }
    }
    .shipNone{
        padding: 20px 4vw;
        color: #333333;
        font-size: 13px;
    }
</style>
